<template>
	<view>
		<view class="content">消息</view>
		<!-- 自定义底部导航 -->
		<u-tabbar :value="currentTab"   activeColor="#1296db" :fixed="true" :placeholder="false" :safeAreaInsetBottom="false">
			<block v-for="(item,index) in tabbar" :key="index">
				<u-tabbar-item :text="item.text" :icon="item.iconPath" 
				@click="jump(item.pagePath)"></u-tabbar-item>
			</block>
		</u-tabbar>
	</view>
		
</template>

<script>
	import {tabbar} from '@/utils/tabBar.js'
	export default {
		data() {
			return {
				currentTab:2,
				tabbar:tabbar,
			}
		},
		onLoad() {

		},
		methods: {
			//导航跳转
			jump(path){
				uni.switchTab({
					url:path
				})
			}
		}
	}
</script>

<style>
</style>
